page,
.container {
	background-color: #f6f6f6;
	padding-bottom: 200rpx;
}

.userInfoBox {
	height: 562rpx;
}

.rank {
	background-color: #999;
	background: url('https://keju123.oss-cn-shanghai.aliyuncs.com/xuqiu/m17286370500008484.jpg') no-repeat center / cover;
}

.userInfo {
	display: flex;
	display: -webkit-flex;
	padding: 10px 0;
}

.userInfo .infoBox,
.userInfo .info {
	flex: 1;
	-webkit-flex: 1;
}

.userInfo .infoBox {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	margin-top: 156rpx;
	margin-left: 32rpx;
}

.userInfo .avatar {
	width: 104rpx;
	height: 104rpx;
	margin-right: 38rpx;
	border-radius: 30px;
	background-color: #fff;
	overflow: hidden;
}

.userInfo .avatar image {
	height: 100%;
}

.userInfo .userName {
	color: #fff;
	font-size: 32rpx;
	margin-bottom: 18rpx;
	max-width: 360rpx;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.userInfo .shop_tag {
	width: 108rpx;
	height: 36rpx;
	border-radius: 8rpx;
	font-size: 20rpx;
	line-height: 32rpx;
	text-align: center;
	color: #c3aa86;
	border: 0.8px solid #c3aa86;
}

.pending {
	margin-top: 14rpx;
	margin-bottom: 44rpx;
}

.pending .count,
.pending .ext {
	color: #fff;
	font-size: 24rpx;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.pending .count {
	font-weight: 600;
	font-size: 34rpx;
	margin-bottom: 8rpx;
}

.panel {
	margin: 0 20rpx 20rpx 20rpx;
	border-radius: 16rpx;
	background-color: #fff;
	overflow: hidden;
}

.panel .ext {
	color: #333;
	font-size: 24rpx;
	line-height: 20px;
}

.panel .shop_ect {
	margin-top: 6rpx;
}

.order {
	-webkit-display: flex;
	display: flex;
	padding: 36rpx 0px 30rpx;
}

.order .item {
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	position: relative;
}

.order .item .order_jb {
	position: absolute;
	top: -10rpx;
	right: 70rpx;
	width: 18rpx;
	height: 18rpx;
	border-radius: 50%;
	background-color: #f53a42;
	box-sizing: border-box;
}

.order .van-icon__image {
	width: 30px;
	height: 25px;
}

.tools {
	padding: 10px;
}

.tools .van-col {
	padding: 10px 0;
	text-align: center;
}

.shop_tools {
	padding: 10rpx;
}

.nav-custom {
	border: 0px !important;
	line-height: 20px;
	padding: 0px;
}

.rank1 {
	background-color: #f4bcce;
}

.rank3 {
	background-color: #ba78d0;
}

.shengjipanel {
	margin: 0 20rpx;
	height: 126rpx;
	/* background-color: #999; */
	border-radius: 16rpx 16rpx 0 0;
	overflow: hidden;
	background: url('https://keju123.oss-cn-shanghai.aliyuncs.com/xuqiu/m17286376950002737.png') no-repeat center / cover;
	display: flex;
	justify-content: space-between;
	color: #ffe5cd;
	padding: 34rpx 28rpx;
	box-sizing: border-box;
}

.sjinfo {
	font-size: 32rpx;
	font-weight: 500;
}

.goShengji {
	margin-top: -10rpx;
	background-color: #ffdbb8;
	width: 132rpx;
	height: 54rpx;
	border-radius: 54rpx;
	text-align: center;
	line-height: 54rpx;
	color: #3a322f;
	font-size: 28rpx;
}

.menusc image {
	width: 25px !important;
	height: 25px !important;
}

.menuicon image {
	width: 25px !important;
	height: 25px !important;
}

.menuzuji image {
	width: 25px !important;
	height: 25px !important;
}

.choose-avatar {
	width: 100%;
	height: 70rpx;
	background-color: #fff;
	padding: 0;
	display: flex;
	justify-content: flex-end;
}

.choose-avatar::after {
	border: none;
}

.avatar-info {
	height: 70rpx;
	width: 70rpx;
	border-radius: 10rpx;
}

.avatar-default {
	border-radius: 35rpx;
	background-color: rgb(224, 224, 224);
}

.info_popup {
	padding: 20rpx;
	background-color: #fff;
	border-radius: 20rpx;
}

.infopop_t {
	color: #333;
	font-size: 40rpx;
	font-weight: 500;
	text-align: center;
	width: 100%;
	padding: 20rpx 0 0;
}

.info_box {
	padding: 20rpx 40rpx;
	color: #999;
	font-size: 28rpx;
}

.jiaocheng {
	border-top-left-radius: 30rpx;
	border-top-right-radius: 30rpx;
	padding: 16rpx 30rpx;
	margin: 0 20rpx;
	color: #ebb072;
	display: flex;
	opacity: 0.8;
	background-color: #13181b;
	display: flex;
}

.banner_box {
	position: relative;
	margin-top: -20rpx;
	margin-bottom: 20rpx;
	width: 100%;
	height: 180rpx;
}

.botZtList {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 20rpx;
	box-sizing: border-box;
}

.botZtList .swiper {
	width: 100%;
	height: 178rpx;
	overflow: hidden;
	border-radius: 16rpx;
	background-color: #999;
}

.botZtList image {
	height: 178rpx;
	overflow: hidden;
}

.yingyong_row {
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
	padding: 0 20rpx 8rpx;
}

.yingyong_row .yy_item {
	width: 25%;
	padding: 20rpx 0;
	text-align: center;
	position: relative;
}

.yingyong_row .yy_item .order_jb {
	position: absolute;
	top: 10rpx;
	right: 40rpx;
	width: 18rpx;
	height: 18rpx;
	border-radius: 50%;
	background-color: #f53a42;
	box-sizing: border-box;
}

.panel_title {
	font-size: 28rpx;
	font-weight: 500;
	color: #333;
	padding-top: 28rpx;
	padding-left: 28rpx;
	padding: 28rpx 28rpx 20rpx;
}

.shop_sc {
	width: 100%;
	height: 144rpx;
	position: relative;
}

.sc_btn_box {
	position: absolute;
	top: 0;
	right: 28rpx;
	height: 100%;
	display: flex;
	align-items: center;
}

.sc_btn {
	width: 212rpx;
	height: 54rpx;
	line-height: 54rpx;
	border-radius: 54rpx;
	text-align: center;
	font-size: 28rpx;
	color: #3a322f;
	background-color: #ffdbb8;
}

.panel_top {
	box-sizing: border-box;
	margin: -180rpx 0 0rpx;
	padding: 20rpx;
	border-radius: 36rpx;
	background-color: #f6f6f6;
	overflow: hidden;
	height: 370rpx;
	display: flex;
	justify-content: space-between;
}

.panel_top_box {
	width: 348rpx;
	height: 100%;
	border-radius: 16rpx;
	overflow: hidden;
}

.right_hd_zx {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.right_box {
	width: 100%;
	height: 156rpx;
	border-radius: 16rpx;
}

.van-col {
	position: relative;
}

.poa_detail {
	position: absolute;
	top: 10rpx;
	right: 32rpx;
}

.poa_jb {
    z-index: 999;
    position: absolute;
    top: 10rpx;
    right: 42rpx;
    width: 18rpx;
    height: 18rpx;
    border-radius: 50%;
    background-color: red;
}

.mony_box {
	position: relative;
	margin-top: -40rpx;
	width: 100%;
	height: 234rpx;
	background: url('https://keju123.oss-cn-shanghai.aliyuncs.com/xuqiu/m17286389890001614.png') no-repeat center / cover;
	box-sizing: border-box;
}

.user_mony_box {
	width: 100%;
	background-color: #f6f6f6;
	margin-bottom: 20rpx;
	box-sizing: border-box;
}

.user_user_money {
	display: flex;
	justify-content: space-between;
	height: 136rpx;
	width: 100%;
	padding: 0 20rpx;
	box-sizing: border-box;
}

.user_money {
	box-sizing: border-box;
	position: absolute;
	display: flex;
	justify-content: space-between;
	height: 136rpx;
	bottom: 42rpx;
	width: 100%;
	padding: 0 20rpx;
}

.um_item {
	position: relative;
	padding-top: 24rpx;
	padding-left: 40rpx;
	border-radius: 16rpx;
	width: 348rpx;
	background-color: #fff;
	box-sizing: border-box;
}

.poa_img {
	position: absolute;
}

.img_mny {
	right: 0;
	bottom: 0;
	width: 90rpx;
	height: 94rpx;
}

.img_yhk {
	right: 12rpx;
	bottom: 0;
	width: 98rpx;
	height: 70rpx;
}

.um_item_tit {
	font-size: 28rpx;
	color: #000;
}

.um_item_cont {
	margin-top: 8rpx;
}

.nav-custom {
	background-color: #fff;
	border: none !important;
}

.poa_count {
	position: absolute;
	top: 0rpx;
	right: 34rpx;
	width: 36rpx;
	height: 36rpx;
	line-height: 36rpx;
	text-align: center;
	border-radius: 50%;
	background-color: red;
	color: #fff;
	font-size: 22rpx;
}

.pop_war {
	width: 80vw;
	position: relative;
	margin-top: 20rpx;
	border-radius: 30rpx;
	overflow: hidden;
}

.err_img {
	width: 100%;
}

.poa_btn {
	position: absolute;
	bottom: 50rpx;
	height: 98rpx;
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.err_btn {
	position: relative;
	width: 520rpx;
	height: 100%;
	background: linear-gradient(180deg, #353535, #1f1f1f);
	border-radius: 50rpx;
	overflow: hidden;
}

.btn_text {
	height: 98rpx;
	line-height: 98rpx;
	text-align: center;
	color: #fff;
}

.poa_close {
	position: absolute;
	top: 20rpx;
	right: 20rpx;
}

.poa_text {
	position: absolute;
	top: 190rpx;
	width: 100%;
	text-align: center;
	font-size: 36rpx;
	color: #2a2a2a;
}
